到了第三天，我想應該對於OL有一點點點點點的感覺了吧?

新增線段和新增點非常相似，咱們只需要把geometry中的物件換成LineString物件即可，同時記得兩點一線需要兩個座標點!!!!!

注意，我自己身為新手時常常犯的錯誤希望大家也可以避免
記得做好對應的座標轉換

那我們就話不多說，直接來看看程式碼

const map = new ol.Map({
    layers: [
        new ol.layer.Tile({
            source: new ol.source.OSM()
        })
    ],
    target: 'map',
    view: new ol.View({
        projection: "EPSG:3857",
        center: ol.proj.fromLonLat([120.846642, 23.488793]),
        zoom: 7.5,
        maxZoom: 20,
        minZoom: 5,
        enableRotation: false,
    }),
    controls: []
});

// 兩點一線，給出對應的點座標
const p1 = ol.proj.fromLonLat([120, 23]);
const p2 = ol.proj.fromLonLat([121, 24]);

let line = new ol.layer.Vector({
    source: new ol.source.Vector({
        features: [
            new ol.Feature({
                // 如果與day02的比較你會發現，只有差在geom的物件不同而已
                geometry: new ol.geom.LineString([p1, p2])
            })
        ]
    })
}); 

map.addLayer(line);

參考連結

https://github.com/weijung0923/learning-openlayers-micromastery/tree/day03